<template>
	<view class="evaluate_page">
		<view class="u-flex">
			<u-avatar v-if="evalInfo.anonymous===1"></u-avatar>
			<u-avatar :src="evalInfo.easyUser.avatar" v-else></u-avatar>
			<view class="u-flex u-flex-between u-flex-items-center">
				<view class="u-m-l-12">
					<view class="f-s-14 u-m-b-8 f-w-ber" v-if="evalInfo.anonymous===1">匿名用户</view>
					<view class="f-s-14 u-m-b-8 f-w-ber" v-else>
						{{evalInfo.easyUser.nickName}}
					</view>
					<view class="f-s-12 u-info">{{evalInfo.createAt}}</view>
				</view>
			</view>
		</view>
		<view class="f-s-14 u-m-t-32">
			{{evalInfo.content}}
		</view>
		<view class="u-m-t-32" v-if="evalInfo.imagesList && evalInfo.imagesList.length > 0">
			<u-album class="album-wrap" :urls="evalInfo.imagesList" :space="12" :multipleSize="80"></u-album>
		</view>
		<up-line color="#f3f3f3" margin="24rpx 0rpx"></up-line>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';
	const props = defineProps({
		evalInfo: Object,
	})
</script>

<style lang="scss">
	.evaluate_page {
		margin-top: 16px;
		
	}
	::v-deep .album-wrap image {
		border-radius: 12px !important;
	}
</style>